<template>

  <el-container>
      <el-main>
        <Banner/>
        <Introduce/>
        <Dialog
            class="dialog-data"
        />
        <DigitalScroll/>
        <ProductList/>
        <ProductVideo/>
        <SwitchPictureVue/>
        <Footer/>
      </el-main>
  </el-container>

</template>


<script>
import {ArrowDown} from "@element-plus/icons-vue";
import Banner from '../../components/banner.vue';
import Introduce from '../../components/Introduce.vue';
import DigitalScroll from '../../components/DigitalScroll.vue';
import ProductList from '../../components/ProductList.vue'
import ProductVideo from '../../components/ProductVideo.vue'
import TimeLine from '../../components/TimeLine.vue'
import SwitchPictureVue from "../../components/SwitchPicture.vue";
import Footer from '../../views/Footer/Footer.vue';
import Dialog from "@/components/Dialog.vue";

  export default {
    name: "APP",

    
    components: {
      ArrowDown,
      Banner,
      Introduce,
      DigitalScroll,
      ProductList,
      SwitchPictureVue,
      Footer,
      Dialog
    }
  }
</script>


<style scoped>

.el-main {
  margin: 0  !important;
  padding: 0  !important;
}

.dialog-data{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; /* 位于最上层 */
}
</style>